<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>차세대(?) 웹페이지 모니터링 사이트</title>
		<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.8.12.custom.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/css/960/reset.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/css/960/text.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/css/960/960-580px.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/css/960/layout.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/css/960/nav.css" media="screen" />
		<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/960/ie6.css" media="screen" /><![endif]-->
		<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/960/ie.css" media="screen" /><![endif]-->
		<link rel="stylesheet" type="text/css" href="/css/st.css" media="screen" />
		<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui-1.8.12.custom.min.js"></script>
		<script type="text/javascript" src="/js/jquery-fluid16.js"></script>
		<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
		<script type="text/javascript" src="/js/st.js"></script>
	</head>
	<body>
		<div class="container_12">
			<div class="grid_12">
				<h1 id="branding">
					<a href="/">차세대(?) 웹페이지 모니터링</a>
				</h1>
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				<ul class="nav main">
					<li>
						<a href="/">시작</a>
					</li>
					<li>
						<a href="/16/" title="모니터링 중인 데이터를 활인할 수 있습니다.">모니터링</a>
					</li>
					<li>
						<a href="/12/fixed/" title="표시 언어를 변경할 수 있습니다.">Language</a>
						<ul>
							<li><a>한국어</a></li>
							<li><a>부산사투리</a></li>
							<li><a>日本語</a></li>
							<li><a>New Language</a></li>
						</ul>
					</li>
					<li>
						<a href="/16/" title="이런 곳 있나요?">이런 곳</a>
					</li>
					<li>
						<a href="/16/fixed/" title="사이트 제작에 참고한 자료를 모아놓았습니다.">참고자료</a>
					</li>
					<li class="secondary">
						<a href="http://960.gs/" title="흔적을 남겨주세요.">방명록</a>
					</li>
					<li class="secondary">
						<a href="http://960.gs/" title="벌레를 잡아 주세요.">버그 신고</a>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				<div class="block">
					<div class="first article">
						<h3>
							<a href="#">시작</a>
						</h3>
						<p class="meta">배 - 2011년 4월 29일 금요일</p>
						<a href="#" class="image">
							<img src="/img/bae.jpg" width="60" height="60" alt="photo" />
						</a>
						<p>
							사이트의 특정 부분을 모니터링하고, 지정한 부분이 변경될 경우 메일로 알려주는 시스템입니다.
							<a target="_blank" href="http://code.google.com/intl/ko/appengine/">Google Application Engine</a>의 프레임워크인 
							<a target="_blank" href="http://sites.google.com/site/slim3appengine/">Slim3</a>를 손에 익히기 위해 
							연습삼아 제작했기 때문에 예기치 못한 버그가 있을 수 있습니다. 버그가 발생하면 <a href="#">버그 신고</a> 메뉴를 클릭해 내용을 입력해 주시면 최대한 빨리 처리하겠습니다.							
						</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
			<div class="grid_12">
				<h2 id="page-heading">
					모니터링 할 사이트를 등록하세요.
				</h2>
			</div>
			<div class="clear"></div>

			<div class="grid_12">
				<div class="box">
					<h2>
						<a href="#" id="toggle-login-forms">Step 1. 모니터링 결과를 받을 이메일 주소를 입력하세요.</a>
					</h2>
					<div class="block" id="login-forms">
						<div class="grid_6">
							<form id="l_registerForm">
							<fieldset class="login errorLabel1">
								<legend>신규등록</legend>
								<p class="notice">모니터링 결과를 받을 이메일 주소를 등록하세요.</p>
								<p>
									<label>이메일: </label>
									<input type="text" name="email" class="required email" id="n_email" />
								</p>
								<p>
									<label>패스워드: </label>
									<input type="password" name="password" class="required" id="n_password" />
								</p>
								<p>
									<label>패스워드 확인: </label>
									<input type="password" name="confirmPassword" class="required" equalto="#n_password" />
								</p>
								<p>
									<label>자동 로그인: </label>
									<input type="checkbox" name="autoLoginFlag" />
								</p>
								<input class="login button" type="submit" value="등록" />
							</fieldset>
							</form>
						</div>
						<div class="grid_5">
							<form id="l_loginForm">
							<fieldset class="login errorLabel2">
								<legend>로그인</legend>
								<p class="notice">기존 사용자는 로그인 해주세요.</p>
								<p>
									<label>이메일: </label>
									<input type="text" name="email" class="required email" />
								</p>
								<p>
									<label>패스워드: </label>
									<input type="password" name="password" class="required" />
								</p>
								<p>
									<label>자동 로그인: </label>
									<input type="checkbox" name="autoLoginFlag" />
								</p>
								<input class="login button" type="submit" value="로그인" />
							</fieldset>
							</form>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<form class="container_12" id="l_searchDataForm">
			<div class="grid_12">
				<div class="box">
					<h2>
						<a href="#" id="toggle-search-type-forms">Step 2. 모니터링 방식을 설정하세요.</a>
					</h2>
					<div class="block" id="search-type-forms">
						<fieldset class="login">
							<div id="l_monitoringType">
								<div class="grid_3">
									<label><input type="radio" class="required" name="monitoringType" value="0" checked="checked" onclick="reloadMonitoringType();" />웹페이지 방식</label>
								</div>
								<div class="grid_3">
									<label><input type="radio" class="required" name="monitoringType" value="1" onclick="reloadMonitoringType();" />검색엔진 방식</label>
								</div>
								<div class="grid_3">
									<label><input type="radio" class="required" name="monitoringType" value="2" onclick="reloadMonitoringType();" />사용자 설정</label>
								</div>
							</div>
						</fieldset>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<div class="grid_12 hidden" id="l_webpageType">
				<div class="box">
					<h2>
						<a href="#" id="">Step 3. 웹페이지 URL을 입력하세요.</a>
					</h2>
					<div class="block" id="">
						<fieldset>
						<p>
							<label>웹페이지 URL: </label>
							<input type="text" class="required url" name="s1Url" id="i_s1Url" value="http://" />
						</p>
						</fieldset>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<div class="grid_12 hidden" id="l_searchType">
				<div class="box">
					<h2>
						<a href="#" id="">Step 3. 검색엔진과 키워드를 입력하세요.</a>
					</h2>
					<div class="block" id="">
						<fieldset>
						<p class="grid_5">
							<label>검색엔진 : </label>
							<select class="required" name="s2Engine" id="i_s2Engine">
								<option>구글</option>
								<option>네이버 - 카페</option>
								<option>네이버 - 블로그</option>
								<option>네이버 - 웹문서</option>
								<option>다음 - 카페</option>
								<option>Yahoo! JAPAN</option>
							</select>
						</p>
						<p class="grid_5">
							<label>키워드: </label>
							<input type="text" class="required" name="s2Query" id="i_s2Query" />
						</p>
						</fieldset>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<div class="grid_12 hidden" id="l_customType">
				<div class="box">
					<h2>
						<a href="#" id="">Step 3. 세부사항을 입력하세요.</a>
					</h2>
					<div class="block" id="">
						<fieldset>
						<p>
							<label>URL : 키워드 부분은 {query}를 입력하세요.</label>
							<textarea class="required url" name="s3Url" id="i_s3Url">http://</textarea>	
						</p>
						<p>
							<label>키워드 : 자동으로 UTF-8 인코딩 됩니다.</label>
							<input type="text" class="required" name="s3Query" id="i_s3Query" />
						</p>
						<p>
							<label>저장할 XPath : 저장할 부분을 지정합니다.</label>
							<input type="text" class="required" name="s3NewHtmlDataXPath" id="i_s3NewHtmlDataXPath" />
						</p>
						<p>
							<label>모니터링할 XPath : 이 부분이 바뀌면 메일로 알려줍니다.</label>
							<input type="text" class="required" name="s3Md5XPath" id="i_s3Md5XPath"/>
						</p>
						</fieldset>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<div class="grid_12">
				<div class="box">
					<h2>
						<a href="#" id="">Step 4. 결과를 확인하고, 저장하세요.</a>
					</h2>
					<div class="block" id="">
						<fieldset>
						<p>
							<label> 제목 : </label>
							<input type="text" class="required" name="engineName" id="i_engineName" />
							<input type="hidden" name="query" id="i_query" />
							<input type="hidden" name="url" id="i_url" />
							<input type="hidden" name="newHtmlDataXPath" id="i_newHtmlDataXPath" />
							<input type="hidden" name="md5XPath" id="i_md5XPath" />
						</p>
						<p class="grid_2">
							<input type="submit" name="" value="결과확인" />
						</p>
						<p class="grid_2">
							<input type="submit" name="" value="결과저장" />
							
						</p>
						</fieldset>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			</form>
						
			<div class="grid_12">
			<div class="box">
				<div class="block" id="blockquote">
					<blockquote>
						<p>
							믿을 수 없겠지만, 난 지금 일본에 있어.
							코딩을 하고 있으면 오타쿠로 몰리는 세상에서
							만족스러운 컴퓨터도 마우스도 없이
							코딩을 해야 하는 처지가 되어버렸어.
							아주 간단한 코딩이야
							지금 세상이라면 구글검색 한번으로 끝날.
							<br /><br />
							하지만, 그런 코딩이 여기에선 복잡한 절차가 되어버려
							여태껏 프로젝트를 성공하게 했던 건
							내 실력이 아니었던 거야
							
							지금까지 누군가가 만들어 놓은 패턴과
							라이브러리, 블로그에 올려진 많은 예제 덕분이었던 거야
							그런 것들을 잃어버린 난
							효율적인 예외처리 하나 모르는 그냥 코더였던 거야
							<br /><br />
							3년이나 프로그래머를 하고도 난 그런 것 하나조차 몰랐었어.
							내가 이렇게나 보잘것없다는 것을 난 몰랐었어.
							겸허한 행동을 한다고 생각했지만
							나 같은 코더가 할 수 있는 프로젝트만을 선택하다니
							돌이켜보면
							꽤 건방졌었다고 생각해
							<br /><br />
							넌,
							늘 그 말이 하고 싶었던걸 지도 모르겠다<br />
							어쩌면 이건
							말을 할 수 없는 네가 나에게 주는 벌인 건가?
						</p>
						<p class="cite">
							<cite>인터넷이 없는 곳에서 / 드라마 JIN-仁- 1話 01:17:41 부분</cite>
						</p>
					</blockquote>
				</div>
			</div>
			</div>
			
			<div class="clear"></div>
			<div class="grid_12" id="site_info">
				<div class="box">
					<p>Nagoroom System, created by <a target="_blank" href="http://gosoochaja.tistory.com">Gosoochaja</a>, 
					based on the <a target="_blank" href="http://ecco.co.jp">Price Checker System</a> by <a target="_blank" href="http://ajio.co.jp">AJIO</a>.<br /> 
					Released under the <a href="/licenses/GPL_license.txt">GPL</a> / <a href="/licenses/MIT_license.txt">MIT</a> <a href="/README.txt">Licenses</a>.
					Subversion <a target="_blank" href="http://code.google.com/p/nagoroom">checkout</a>.
					</p>
				</div>
			</div>
			<div class="clear"></div>
			
		</div>
		
	</body>
</html>